import{_ as p}from"./index.vue_vue_type_style_index_0_lang3.js";import{d as s,e as m,$ as e,P as u,Q as y,R as i,X as r,a4 as l,K as t,aE as o,a2 as d,a5 as _}from"./elementPlusModules.js";const g=i("h4",null,"element button 示例",-1),B={style:{"padding-top":"10px"}},v={style:{"padding-top":"10px"}},h=s({__name:"Button",setup(I){const a=m(`
<template>
  <h4>element button 示例</h4>
  <div>
    <el-button type="primary" size="large" :icon="ButtonIcon">Primary</el-button>
    <el-button type="primary" :icon="ButtonIcon">Primary</el-button>
    <el-button type="primary" size="small" :icon="ButtonIcon">Primary</el-button>
  </div>
  <div style="padding-top: 10px">
    <el-button type="primary" size="large" :icon="ButtonIcon" />
    <el-button type="primary" :icon="ButtonIcon" />
    <el-button type="primary" size="small" :icon="ButtonIcon" />
  </div>
  <div style="padding-top: 10px">
    <el-button type="primary" size="large" :icon="ButtonIcon" circle />
    <el-button type="primary" :icon="ButtonIcon" circle />
    <el-button type="primary" size="small" :icon="ButtonIcon" circle />
  </div>
</template>

<script setup lang="tsx">
import { ElButton } from "element-plus";

import MerakIcon from "../../../../../../components/MerakIcon/index.vue";

const ButtonIcon = (
  <MerakIcon size="14">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
      <path d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z" />
    </svg>
  </MerakIcon>
);
<\/script>
`),n=e(p,{size:"14"},{default:()=>[e("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},[e("path",{d:"M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"},null)])]});return(c,V)=>(u(),y(_,null,[g,i("div",null,[e(t(o),{type:"primary",size:"large",icon:t(n)},{default:r(()=>[l("Primary")]),_:1},8,["icon"]),e(t(o),{type:"primary",icon:t(n)},{default:r(()=>[l("Primary")]),_:1},8,["icon"]),e(t(o),{type:"primary",size:"small",icon:t(n)},{default:r(()=>[l("Primary")]),_:1},8,["icon"])]),i("div",B,[e(t(o),{type:"primary",size:"large",icon:t(n)},null,8,["icon"]),e(t(o),{type:"primary",icon:t(n)},null,8,["icon"]),e(t(o),{type:"primary",size:"small",icon:t(n)},null,8,["icon"])]),i("div",v,[e(t(o),{type:"primary",size:"large",icon:t(n),circle:""},null,8,["icon"]),e(t(o),{type:"primary",icon:t(n),circle:""},null,8,["icon"]),e(t(o),{type:"primary",size:"small",icon:t(n),circle:""},null,8,["icon"])]),d(c.$slots,"default",{html:a.value})],64))}});export{h as _};
